$(function(){
	layui.use(['form','layer','table'],function(){
		var form = layui.form,
			layer = layui.layer,
			table = layui.table;
		//加载页面数据
		table.render({
			elem: '#musiclist',
			//height: 315,
			//height: 'full-40',
			url: 'mList.php', //数据接口
			request: {
				pageName: '|', //页码的参数名称，默认：page
				limitName: 'num' //每页数据量的参数名，默认：limit
			},
			where:{
				A: "getJSON",
				kw:''
			},
			limit:50,//每页显示的条数
			//limits:[5,10],
			page: true, //开启分页
			even: true, //开启隔行背景
			cols: [[ //表头
				{title: '播控', width:"80", align:'center', toolbar: '#toolBar'} //这里的toolbar值是模板元素的选择器
				,{field: 'title', title: '名称', width:"150", unresize: true,templet: '<b>{{d.class}}-{{d.title}}</b>'}
				,{field: 'ord', title: '次序', width:"80", sort: true, unresize: true, align:"center"}
			]]
		});
				//监听工具条
		table.on('tool(musiclist)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
			console.log(obj);
			var data = obj.data; //获得当前行数据
			var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
			var tr = obj.tr; //获得当前行 tr 的DOM对象
			var id = obj.data.id;
			var oPlayer = $("#mPlayer"); 
			if(layEvent === 'play'){ //新建
				oPlayer.attr("src",obj.data.music);
			}
			if(layEvent === 'pause'){ //新建
				oPlayer.attr("src","");
			}
		});

	})//end layui
})//end jQurey